<template>
    <div :class="[panelClass,cname]">
        <h4>-{{title}}-</h4>
        <slot></slot>
    </div>
</template>

<script>
  export default {
    name: "ThePanel",
    data() {
      return {
        panelClass: 'panel'
      };
    },
    props: {
      cname: {
        type: String,
        default: ''
      },
      title: {
        type: String,
        default: ''
      }
    }
  };
</script>

<style lang="scss" scoped>
    @import "../style/element.scss";

    .panel {
        @include panel;
    }
</style>
